<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Vue 测试实例</title>
        <link rel="stylesheet" media="screen" href="./bootstrap.min.css" />
        <script src="./vue.min.js"></script>
    </head>
    <div id="app">
        <nav>
            <ul class="pagination pagination-lg">
                <template v-for="page in pages ">
                <li v-if="page==1" class="disabled"><a href="#">上一页</a></li>
                <li v-if="page==1" class="active"><a href="#">{{page}}</a></li>
                <li v-else><a href="#">{{page}}</a></li>
                <li v-if="page==pages"><a href="#">下一页</a></li>
                </template>
            </ul>
        </nav>
    </div>
    
    <script type="text/javascript">
    //ViewModel
    var vue = new Vue({
    el: '#app',
    data: {
    pages: 10
    }
    });
    </script>
</html>